import React from 'react';

import styles from './SelectPage.css';

const SearchPage = () => {

  return (
    <div className={styles["section-sort"]}>
      <div className={styles["section_sort"]}>
        <div className={styles.sort_row}>
          <div className={styles.row_header}>
            <span>分&nbsp;&nbsp;&nbsp;&nbsp;类:</span>
          </div>
          <div className={styles.row_body}>
            <ul className={styles.body_list} id="flag-list">
              <li className={[styles.list_item,styles["list_item-active"]].join(' ')}><a href="javascript:void(0)">全部</a></li>
              <li className={styles.list_item}><a href="javascript:void(0)" >现金奖励</a></li>
              <li className={styles.list_item}><a href="javascript:void(0)" >数码产品</a></li>
              <li className={styles.list_item}><a href="javascript:void(0)" >生活周边</a></li>
              <li className={styles.list_item}><a href="javascript:void(0)" >专业书籍</a></li>
              <li className={styles.list_item}><a href="javascript:void(0)" >腾讯周边</a></li>
            </ul>
          </div>
        </div>

        <div className={styles.sort_row}>
          <div className={styles.row_header}>
            <span>安全币:</span>
          </div>
          <div className={styles.row_body}>
            <ul className={styles.body_list} id="coin-range-list">
              <li className={[styles.list_item,styles["list_item-active"]].join(' ')}><a href="javascript:void(0)">全部</a></li>
              <li className={styles.list_item}><a href="javascript:void(0)" >0~100</a></li>
              <li className={styles.list_item}><a href="javascript:void(0)" >100~300</a></li>
              <li className={styles.list_item}><a href="javascript:void(0)" >300~800</a></li>
              <li className={styles.list_item}><a href="javascript:void(0)" >800~1600</a></li>
              <li className={styles.list_item}><a href="javascript:void(0)" >1600以上</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  );
}

export default SearchPage
